梦入琼楼寒有月，行过石树冻无烟

CSS 元素框（Overflow）

2022-04-21

可滑动元素框（overflow）

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<style>
.over {
	/*边距*/
	padding: 50px;
	
	/*宽度*/
	width: 70%;
	
	/*宽度*/
	height: 200px;
	
	/*滑动方式*/
	overflow: scroll;
	
	/*边框*/
	border: 0px solid #A9A9A9;
	}
</style>
<body>
	<div class="over">
		<p>Hello,world!</p>
		<p>Hello,world!</p>
		<p>Hello,world!</p>
		<p>Hello,world!</p>
		<p>Hello,world!</p>
		<p>Hello,world!</p>
		<p>Hello,world!</p>
		<p>Hello,world!</p>
		<p>Hello,world!</p>
		<p>Hello,world!</p>
		<p>Hello,world!</p>
		<p>Hello,world!</p>
		<p>Hello,world!</p>
		
	</div>
</body>

不可滑动元素框（border）

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<style>
.over {
	/*边距*/
	padding: 50px;
	
	/*宽度*/
	width: 70%;
	
	/*宽度*/
	height: 200px;
	
	/*边框*/
	border: 1px solid #A9A9A9;
	}
</style>
<body>
	<div class="over">
		<p>Hello,world!</p>
		<p>Hello,world!</p>
		<p>Hello,world!</p>
		<p>Hello,world!</p>
	</div>
</body>
ID DE FA
scroll 元素下滑 overflow
solid 元素边框 border
⬅️ Go back